<template>
  <el-color-picker v-model="color1" @active-change="getColor" />
</template>

<script lang="ts" setup>
import { useChangeColor } from "@/hooks/useChangeColor";

const color1 = ref("#1890ff");

onMounted(() => {
  getColor("#1890ff");
});
const getColor = (color: string) => {
  color1.value = color;
  useChangeColor(color1.value);
};
</script>

<style lang="scss" scoped></style>
